<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>通讯录</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/oksub.css">
<script type="text/javascript" src="../../lib/loading/okLoading.js"></script>
</head>
<body>
<div class="ok-body">
  <div class="layui-table-tool-temp" style="margin-bottom:10px;border-bottom: 1px solid #e6e6e6">
    <div class="layui-btn-container"> 
	  <a href="role-add.html" class="layui-btn layui-btn-sm layui-btn-normal">新增</a> 
	</div>
  </div>
  <!--数据表格-->
  <div class="layui-form layui-border-box layui-table-view" lay-filter="LAY-table-1" lay-id="tableId" style=" ">
    <div class="layui-table-tool" style="width: 100%;">
      <div class="layui-table-tool-temp">
        <div class="layui-btn-container"> <a class="layui-btn layui-btn-sm layui1" style="color: #666;">通讯录</a></div>
      </div>
    </div>
    <div class="layui-table-box">
      <div class="layui-table-body layui-table-main">
        <table cellspacing="0" cellpadding="0" border="0" class="layui-table" lay-size="sm" style="width: 100%">
          <tbody>
            <tr class="txlu">
              <th><div class="layui-table-cell"><span>ID</span></div></th>
              <th><div class="layui-table-cell"><span>姓名</span></div></th>
              <th><div class="layui-table-cell"><span>手机号码</span></div></th>
              <th><div class="layui-table-cell"><span>邮箱</span></div></th>
              <th><div class="layui-table-cell"><span>分组</span></div></th>
              <th><div class="layui-table-cell" align="center"><span>操作</span></div></th>
            </tr>
            <tr class="txlu">
              <td><div class="layui-table-cell">001</div></td>
              <td><div class="layui-table-cell">张先生</div></td>
              <td><div class="layui-table-cell">138 **** 4665</div></td>
              <td><div class="layui-table-cell">woaixiaoyao@163.com</div></td>
              <td><div class="layui-table-cell"> <span class="layui-btn layui-btn-warm layui-btn-xs">华为</span> </div></td>
              <td class="layui-table-col-special"><div class="layui-table-cell"> <a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon"></i></a> <a href="javascript:" title="删除" lay-event="del"><i class="layui-icon"></i></a> </div></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="layui-table-page">
      <div id="layui-table-page1">
        <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-2"><a href="javascript:;" class="layui-laypage-prev layui-disabled" data-page="0"><i class="layui-icon"></i></a><span class="layui-laypage-curr"><em class="layui-laypage-em"></em><em>1</em></span><a href="javascript:;" class="layui-laypage-next layui-disabled" data-page="2"><i class="layui-icon"></i></a><span class="layui-laypage-skip">到第
          <input type="text" min="1" value="1" class="layui-input">
          页
          <button type="button" class="layui-laypage-btn">确定</button>
          </span><span class="layui-laypage-count">共 3 条</span><span class="layui-laypage-limits">
          <select lay-ignore="">
            <option value="10" selected="">10 条/页</option>
            <option value="20">20 条/页</option>
            <option value="30">30 条/页</option>
            <option value="40">40 条/页</option>
            <option value="50">50 条/页</option>
            <option value="60">60 条/页</option>
            <option value="70">70 条/页</option>
            <option value="80">80 条/页</option>
            <option value="90">90 条/页</option>
          </select>
          </span></div>
      </div>
    </div>
  </div>
</div>
<!--js逻辑--> 
<script src="../../lib/layui/layui.js"></script> 
<script>
	layui.use(["element", "jquery", "table", "form", "laydate", "okLayer", "okUtils", "okMock"], function () {})
</script> 
<!-- 头工具栏模板 --> 
<script type="text/html" id="toolbarTpl">
	<div class="layui-btn-container">
		<div class="layui-inline" lay-event="add"><i class="layui-icon layui-icon-add-1"></i></div>
		<div class="layui-inline" lay-event="batchDel"><i class="layui-icon layui-icon-delete"></i></div>
	</div>
</script> 
<!-- 行工具栏模板 --> 
<script type="text/html" id="statusTpl">
	{{#  if(d.status == 0){ }}
	<span class="layui-btn layui-btn-normal layui-btn-xs">启用</span>
	{{#  } else if(d.status == 1) { }}
	<span class="layui-btn layui-btn-warm layui-btn-xs">停用</span>
	{{#  } else if(d.status == 2) { }}
	<span class="layui-btn layui-btn-danger layui-btn-xs">删除</span>
	{{#  } }}
</script> 
<script type="text/html" id="operationTpl">
	<a href="javascript:" title="编辑" lay-event="edit"><i class="layui-icon">&#xe642;</i></a>
	<a href="javascript:" title="删除" lay-event="del"><i class="layui-icon">&#xe640;</i></a>
</script>
</body>
</html>
